.path-item { border-bottom: 1px solid #e2e2e2;}
.path-item-body { padding-left: 20px; padding-bottom: 20px;}
.path-item-header { height: 100px; padding-top: 20px; cursor: pointer;}
.path-item-header h1 { margin: 20px; padding: 0 10px; font-size: 15px;
  color: #696a70; font-weight: normal; border-left: 4px solid #d2d2d2;}
.card { position: relative; width: 238px; height: 168px; background: #f5f5f5;}
.card-header { padding-left: 15px; height: 34px; color: #696a70;
  line-height: 34px; font-size: 14px; font-weight: normal;
  background: #f2f1f1; border-bottom: 1px solid #e9e9e9;}
span.card-state { float: right; padding: 0 4px; height: 18px; line-height: 18px;
  font-size: 12px; margin-right: 15px; background: #b7b9bd; color: #fff;
  border-radius: 2px; margin-top: 8px;}
.box { box-sizing: border-box; padding: 10px;
  width: 100px; height: 50px; font-size: 12px; color: #b7b9bd;
  background: #e9e9e9; border-radius: 2px;}
.left, .right { float: left;}
.right { margin-left: 10px;}
.card-body { padding: 14px;}
.card-body > p { margin: 0 10px 30px 0;}
/*跳转按钮*/
.btn-study{ position: absolute; bottom: 20px; left: 14px;
  width: 210px; height: 50px; line-height: 50px; text-align: center;
  font-size: 14px; color: #fff; background: #b7b9bd; cursor: pointer;
  z-index: 2; border-radius: 2px; text-decoration: none;}
/*完成状态*/
.done .card-header { background: #d0f1e3; color: #48c490;}
.done span.card-state { background: #48c490;}
.done .btn-study { background: #48c490;}
